:root{
    --web-vue-ant-ytspan-color:rgba(0, 0, 0, 0.88);
}
.webVueAntYtSpan {
    color: var(--web-vue-ant-ytspan-color);
}
:root{
}
.webVueAntYtRectangle {
}
:root{
    --web-vue-antdesign-input-font-size: 14px;
}
.webVueAntinput {
    font-size: var(--web-vue-antdesign-input-font-size);
}
:root{
    --web-vue-antdesign-button-font-size: 14px;
}
.webVueAntButton {
    font-size: var(--web-vue-antdesign-button-font-size);
}
:root{
    --web-vue-ant-YtTable-pagination-hover-color: #1890ff;
    --web-vue-ant-YtTable-pagination-hover-border-color: #1890ff;
}
.webVueAntYtTable .ant-pagination li:not(.ant-pagination-disabled):hover {
    border-color: var(--web-vue-ant-YtTable-pagination-hover-border-color) !important;
}
.webVueAntYtTable .ant-pagination li:not(.ant-pagination-disabled):hover a {
    color: var(--web-vue-ant-YtTable-pagination-hover-color) !important;
}
.webVueAntYtTable .ant-pagination li:not(.ant-pagination-disabled) .ant-select:hover .ant-select-selector {
    border-color: var(--web-vue-ant-YtTable-pagination-hover-border-color) !important;
}
.webVueAntYtTable .ant-pagination li:not(.ant-pagination-disabled) .ant-pagination-options-quick-jumper input:hover {
    border-color: var(--web-vue-ant-YtTable-pagination-hover-border-color) !important;
}
:root{
    --web-vue-ant-YtModal-color:rgba(0, 0, 0, 0.88);
    --web-vue-ant-YtModal-border-color:#D8D8D8;
}
.webVueAntYtModal {
    color: var(--web-vue-ant-YtModal-color);
}
.webVueAntYtModal .yt-custom-modal .yt-custom-modal-header::after{
    background: var( --web-vue-ant-YtModal-border-color);
}
.webVueAntForm{
    width: 100%;
    height: 100%;
}
:root {
    --web-vue-ant-ytdatepicker-color: rgba(0, 0, 0, 0.88);
    --web-vue-ant-ytdatepicker-calendar-border-color: #fff;
    --web-vue-ant-ytdatepicker-piker-color: rgba(0, 0, 0, .65);
    --web-vue-ant-ytdatepicker-piker-bg-color: #fff;
    --web-vue-ant-ytdatepicker-piker-border-color: #fff;
    --web-vue-ant-ytdatepicker-piker-content-border-color: #e8e8e8;
    --web-vue-ant-ytdatepicker-piker-header-btn-color: rgba(0,0,0,.45);
    --web-vue-ant-ytdatepicker-input-color: rgba(0, 0, 0, .65);
    --web-vue-ant-ytdatepicker-piker-disabled-color: rgba(0,0,0,.25);
    --web-vue-ant-ytdatepicker-piker-disabled-bg-color: #f5f5f5;
    --web-vue-ant-ytdatepicker-piker-disabled-selected-bg-color: #f5f5f5;
    --web-vue-ant-ytdatepicker-piker-selected-bg-color: #bae7ff;
    --web-vue-ant-ytdatepicker-today-color: #1890ff;
    --web-vue-ant-ytdatepicker-today-border-color: #1890ff;
    --web-vue-ant-ytdatepicker-today-border-font-weight: 700;
    --web-vue-ant-ytdatepicker-piker-hover-bg-color: #e6f7ff;
    --web-vue-ant-ytdatepicker-piker-hover-color: #e6f7ff;
    --web-vue-ant-ytdatepicker-today-btn-color: #1890ff;
    --web-vue-ant-ytdatepicker-time-selected-bg-color: #bae7ff;
    --web-vue-ant-ytdatepicker-select-suffix-color: #666;
}
.webVueAntYtDatePicker {
    color: var(--web-vue-ant-ytdatepicker-color);
}
.webVueAntYtDatePicker .ant-calendar-picker-container {
    color: var(--web-vue-ant-ytdatepicker-piker-color);
}

.webVueAntYtDatePicker .ant-calendar {
    background-color: var(--web-vue-ant-ytdatepicker-piker-bg-color);
    border-color: var(--web-vue-ant-ytdatepicker-piker-border-color);
}

.webVueAntYtDatePicker .ant-calendar-input-wrap {
    border-color: var(--web-vue-ant-ytdatepicker-piker-content-border-color);
}

.webVueAntYtDatePicker .ant-calendar-input {
    color: var(--web-vue-ant-ytdatepicker-input-color);
}

.webVueAntYtDatePicker .ant-calendar-header {
    border-color: var(--web-vue-ant-ytdatepicker-piker-content-border-color);
}

.webVueAntYtDatePicker .ant-calendar-header .ant-calendar-next-century-btn,
.webVueAntYtDatePicker .ant-calendar-header .ant-calendar-next-decade-btn,
.webVueAntYtDatePicker .ant-calendar-header .ant-calendar-next-month-btn,
.webVueAntYtDatePicker .ant-calendar-header .ant-calendar-next-year-btn,
.webVueAntYtDatePicker .ant-calendar-header .ant-calendar-prev-century-btn,
.webVueAntYtDatePicker .ant-calendar-header .ant-calendar-prev-decade-btn,
.webVueAntYtDatePicker .ant-calendar-header .ant-calendar-prev-month-btn,
.webVueAntYtDatePicker .ant-calendar-header .ant-calendar-prev-year-btn {
    color: var(--web-vue-ant-ytdatepicker-piker-header-btn-color);
}

.webVueAntYtDatePicker .ant-calendar-last-month-cell .ant-calendar-date,
.webVueAntYtDatePicker .ant-calendar-last-month-cell .ant-calendar-date:hover,
.webVueAntYtDatePicker .ant-calendar-next-month-btn-day .ant-calendar-date,
.webVueAntYtDatePicker .ant-calendar-next-month-btn-day .ant-calendar-date:hover {
    color: var(--web-vue-ant-ytdatepicker-piker-disabled-color);
}

.webVueAntYtDatePicker .ant-calendar-disabled-cell .ant-calendar-date {
    color: var(--web-vue-ant-ytdatepicker-piker-disabled-color);
    background-color: var(--web-vue-ant-ytdatepicker-piker-disabled-bg-color);
}

.webVueAntYtDatePicker .ant-calendar-selected-day .ant-calendar-date {
    background-color: var(--web-vue-ant-ytdatepicker-piker-selected-bg-color);
}

.webVueAntYtDatePicker .ant-calendar-disabled-cell.ant-calendar-selected-day .ant-calendar-date:before {
    background-color: var(--web-vue-ant-ytdatepicker-piker-disabled-selected-bg-color);
}

.webVueAntYtDatePicker .ant-calendar-date:hover {
    background-color: var(--web-vue-ant-ytdatepicker-piker-hover-bg-color);
}

.webVueAntYtDatePicker .ant-calendar-today .ant-calendar-date {
    border-color: var(--web-vue-ant-ytdatepicker-today-border-color);
    color: var(--web-vue-ant-ytdatepicker-today-color);
}

.webVueAntYtDatePicker .ant-calendar-footer {
    border-color: var(--web-vue-ant-ytdatepicker-calendar-header-border-color);
}

.webVueAntYtDatePicker .ant-calendar-footer .ant-calendar-footer-btn a {
    color: var(--web-vue-ant-ytdatepicker-today-btn-color);
}

.webVueAntYtDatePicker .ant-calendar-date {
    color: var(--web-vue-ant-ytdatepicker-piker-color);

}


/* 时间 */
.webVueAntYtDatePicker .ant-calendar-time-picker,
.webVueAntYtDatePicker .ant-calendar-time-picker-inner {
    background-color: var(--web-vue-ant-ytdatepicker-piker-bg-color);
}

.webVueAntYtDatePicker .ant-calendar-time-picker-select {
    border-color: var(--web-vue-ant-ytdatepicker-piker-content-border-color);

}

.webVueAntYtDatePicker li.ant-calendar-time-picker-select-option-selected {
    background-color: var(--web-vue-ant-ytdatepicker-time-selected-bg-color);
}

/* 月 */
.webVueAntYtDatePicker .ant-calendar-month-panel {
    background-color: var(--web-vue-ant-ytdatepicker-piker-bg-color);
}

.webVueAntYtDatePicker .ant-calendar-month-panel-header {
    border-color: var(--web-vue-ant-ytdatepicker-piker-content-border-color);
}

.webVueAntYtDatePicker .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.webVueAntYtDatePicker .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.webVueAntYtDatePicker .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,
.webVueAntYtDatePicker .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn,
.webVueAntYtDatePicker .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.webVueAntYtDatePicker .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.webVueAntYtDatePicker .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,
.webVueAntYtDatePicker .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn {
    color: var(--web-vue-ant-ytdatepicker-piker-header-btn-color);
}

.webVueAntYtDatePicker .ant-calendar-month-panel-month {
    color: var(--web-vue-ant-ytdatepicker-piker-color);
}

.webVueAntYtDatePicker .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month,
.webVueAntYtDatePicker .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
    background-color: var(--web-vue-ant-ytdatepicker-piker-selected-bg-color);
}

.webVueAntYtDatePicker .ant-calendar-header a:hover {
    color: var(--web-vue-ant-ytdatepicker-piker-hover-color);
}

.webVueAntYtDatePicker .ant-calendar-month-panel-month:hover {
    background-color: var(--web-vue-ant-ytdatepicker-piker-hover-bg-color);
}

.webVueAntYtDatePicker .ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
.webVueAntYtDatePicker .ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
    color: var(--web-vue-ant-ytdatepicker-piker-disabled-color);
    background-color: var(--web-vue-ant-ytdatepicker-piker-disabled-bg-color);
}

/* 年 */
.webVueAntYtDatePicker .ant-calendar-year-panel-header {
    border-color: var(--web-vue-ant-ytdatepicker-piker-content-border-color);
}

.webVueAntYtDatePicker .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.webVueAntYtDatePicker .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.webVueAntYtDatePicker .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn,
.webVueAntYtDatePicker .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn,
.webVueAntYtDatePicker .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.webVueAntYtDatePicker .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.webVueAntYtDatePicker .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn,
.webVueAntYtDatePicker .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn {
    color: var(--web-vue-ant-ytdatepicker-piker-header-btn-color);
}

.webVueAntYtDatePicker .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year,
.webVueAntYtDatePicker .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
    background-color: var(--web-vue-ant-ytdatepicker-piker-selected-bg-color);
}

.webVueAntYtDatePicker .ant-calendar-header a:hover {
    color: var(--web-vue-ant-ytdatepicker-piker-hover-color);
}

.webVueAntYtDatePicker .ant-calendar-year-panel-year:hover {
    background-color: var(--web-vue-ant-ytdatepicker-piker-hover-bg-color);
}

.webVueAntYtDatePicker .ant-calendar-year-panel-cell-disabled .ant-calendar-year-panel-year,
.webVueAntYtDatePicker .ant-calendar-year-panel-cell-disabled .ant-calendar-year-panel-year:hover {
    color: var(--web-vue-ant-ytdatepicker-piker-disabled-color);
    background-color: var(--web-vue-ant-ytdatepicker-piker-disabled-bg-color);
}

.ytCustomDatePicker .ant-picker-suffix .anticon {
    color: var(--web-vue-ant-ytdatepicker-select-suffix-color);
}


:root{
}
.webVueAntYtPicture {
}
:root{
    --web-vue-antdesign-select-font-size: 14px;
    --web-vue-antdesign-select-color: rgba(0, 0, 0, 0.88);
    --web-vue-ant-ytselect-select-suffix-color: #666;
}
.webVueSelect {
    font-size: var(--web-vue-antdesign-select-font-size);
    color: var(--web-vue-antdesign-select-color);
}
.webVueSelect span.anticon.ant-select-suffix {
    color: var(--web-vue-ant-ytselect-select-suffix-color);
}
:root{
}
.webVueAntYtPicture {
}